<template>
  <div>
      <div class="mokuai1">
            <h3>7-24 关于跨域的问题</h3>
          <div>
              axios.vue是普通数据网络请求，并且他是组件内引入axios请求和qs吗， <br> <br>
               axios2.vue是优化之后，也就是封装之后的网络请求，但是他还是组件内引入api请求 <br>
               import api from '../api' <br>
               api.getMusicData({ <br>
               type:1, <br>
               count:5<br>
                })，<br> <br>
                axioskuayu.vue是封装之后的,在main.js里面已经引入了axios和qs以及api<br>
                 this.$api.getList({   <br>
                 page:1<br>
                 })<br>
          </div>
      </div>
      <div class="mokuai1"> 

          <h3>7-25 关于跨域的问题</h3>
          <p>
              axioskuayu.vue是解决跨域的问题，但是请求后台的接口，访问的数据是乱码，但是在项目中这个已经是正确的处理请求了，意思就是跨域已经是解决了，只是项目的接口问题
          </p>
      </div>
        <div class="mokuai1"> 
        <h2> 别拼错是body-parser不是body-perser,已解决这个问题</h2>
          <h3>7-26 关于 body-parser问题</h3>
          <p>
              mocks文件是模拟后台接口，然后实现登陆的login.vue文件，他是基于node实现接口的，但是这个mock文件下的index.js里面的post处理请求总是报错没有body-parser：
              const bodyParser=require("body-parser")  <br>
              app.use(bodyParser.json());  //这是简化的第一种 <br>
              总是在mocks文件下运行node  index.js时候报错，提示 body-parser 在moduls找不到这个模块，但是重新 cnpm install  body-parser安装之后还是报错同样问题。
          </p>
          <p>把处理post请求的给注释，那么这个文件就运行了，也就是说还是body-parser中间件的问题</p>
      </div>
      <div class="mokuai1">
          <h2>已经解决，端口号的重复</h2>
          <h3>7-27 关于 3000端口问题</h3>
          <p>
              在mocks文件的index.js文件里，我们用了3000的端口，现在改为了8082端口。
             <b>
                 app.listen(8082,()=>{  <br>
                        console.log("监听一个服务器运行在3000的端口上运行");  <br>
                    })  <br>
             </b>
          </p>
          <p>
              在vue.config.js文件里我们也用了300的端口，这里两个端口不能是一样的 <br>
               <!-- <b>target:'http://localhost:3000/',</b> <br> -->
          </p>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>